<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>htmlcss 阶段</title>
    <style>
        h3 {
            width: 200px;
            height: 300px;
            line-height: 300px;
            text-align: center;
            font-size: 30px;
            background-color: #ccc;
        }
    </style>
</head>

<body>
    <!-- <h3>0</h3> -->


    <script>

        // 要求：
        // 简单计算器编程题（这个练习不用继承）

        // 构造函数 Calc
        // 属性 ：
            // result 用于记录运算结果的

        // 方法：
        // add  加法 , 调用该方法返回加法运算结果
        // sub  减法 , 调用该方法返回减法运算结果
        // mul  乘法 , 调用该方法返回乘法运算结果
        // exc  除法 , 调用该方法返回除法运算结果
        // init 初始化 , 调用该方法显示计算结果

        // 例如：
        // var o1 = new Calc("+",80,20);
        // var o2 = new Calc("-",80,20);
        // var o3 = new Calc("*",80,20);
        // var o4 = new Calc("/",80,20);
        // console.log(o1);// Calc {result: 100}
        // console.log(o2);// Calc {result: 60}
        // console.log(o3);// Calc {result: 1600}
        // console.log(o4);// Calc {result: 40}
        // o1.init();//显示加法结果 100

        function Calc (fu,num,num1) {
            this.fu = "";
            this.result = 0;
            this.num = 0 || num ;
            this.num1 = 0 || num1;
        }

        Calc.prototype.add = function () {
            var res = {};
            if(this.fu="+") {
                this.result = (this.num + this.num1 );
                // console.log(res);
                // console.log(this.fu);
                res.result =this.result;
            }
            var str = "<h3>"+this.result+"</h3>";
            document.write(str);
            return res;
        }

        Calc.prototype.init = function () {
             this.result = (this.num + this.num1);
             console.log(this.result);
        }

        Calc.prototype.sub = function () {
            var res = {};
            if(this.fu="-") {
                this.result = (this.num - this.num1 );
                // console.log(res);
                // console.log(this.fu);
                res.result =this.result;
            }
            var str = "<h3>"+this.result+"</h3>";
            document.write(str);
            return res;
        }

        Calc.prototype.mul = function () {
            var res = {};
            if(this.fu="*") {
                this.result = (this.num * this.num1 );
                // console.log(res);
                // console.log(this.fu);
                res.result =this.result;
            }
            var str = "<h3>"+this.result+"</h3>";
            document.write(str);
            return res;
        }

        Calc.prototype.exc = function () {
            var res = {};
            if(this.fu="/") {
                this.result = (this.num / this.num1 );
                // console.log(res);
                // console.log(this.fu);
                res.result =this.result;
            }
            var str = "<h3>"+this.result+"</h3>";
            document.write(str);
            return res;
        }

        var obj = new Calc("/" , 80 ,20);
        console.log(obj.exc());


    </script>
</body>

</html>